@import "../../scss/export";

.book-item-card-component {
  width: 135px;
  text-align: center;
  .cover {
    height: 180px;
    position: relative;
    background-color: grey;
    img {
      width: 100%;
      height: 100%;
      object-fit: contain;
      object-position: center;
    }

    .ant-badge {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
    }
  }

  .name {
    overflow: hidden;
    text-overflow: ellipsis;
    color: black;
  }


  &:hover {
    .name {
      color: #0af;
    }
  }

}
